<%@ page contentType="text/html; charset=utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Twój wirtualny trener</title>


<!--  skrypty -->
<script type="text/javascript" src="http://www.google.com/jsapi"></script>

<script type='text/javascript' src='script/jquery-1.6.min.js'></script>
<script type='text/javascript' src='script/jquery-ui-1.8.16.custom.min.js'></script>
<script language="javascript" src='script/ajax.util.js'></script>

<script language="javascript" src='script/effects.js'></script>
<script type='text/javascript' src='script/calendar.js'></script>
<script type='text/javascript' src='script/myScripts.js'></script>
<script type='text/javascript' src='script/makePlan.js'></script>

<script type="text/javascript" src="script/achievement.js"></script>
<!--  css -->
<link rel='stylesheet' type='text/css' href='css/style.css' />
<link rel='stylesheet' type='text/css' href='css/jquery.weekcalendar.css' />
<link href="css/le-frog/jquery-ui-1.7.3.custom.css" rel="stylesheet" type="text/css" />
</head>
<body>
   <div class="ui-widget info" id="info_message">
			<div style="margin-top: 20px; padding: 0 .7em;" class="ui-state-highlight ui-corner-all"> 
				<p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-info"></span>
				<strong>Hey!</strong> <span id="info_text">Sample ui-state-highlight style.</span></p>
			</div>
	</div>
  <!-- content -->  
  <div  id="gc-pagecontent" >
      <img src="/images/logo.png" alt="Twoj wirtualny trener" class="logo" />
 <div id="tabs" class="gtb ui-tabs ui-widget ui-widget-content ui-corner-all">
			<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
			     <li class="ui-state-default ui-corner-top">
			     	<a id="home" href="/index.html#home-tab" class="tab">Home</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			    	 <a id="makeplan" href="/makeplan.html#makeplan" class="tab">Utwórz plan</a>	
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="showplan" href="/index.html#showplan" class="tab">Pokaż plan</a>
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="" href="/calendar.html" class="tab">Pokaż kalendarz</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	 <a id="size" href="/index.html#size" class="tab">Wymiary</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="progress" href="/achievement.jsp" class="tab">Postępy</a> 
			     </li>
			     <li class="ui-state-default ui-corner-top">
			     	<a id="profil" href="/index.html#profil" class="tab">Profil</a> 
			     </li>
			</ul>
			
	  
    <!-- UTWÓRZ PLAN -->
  <div  id="achievement">
   <h2>Postępy</h2>
   <h3>Chcesz uzupelnic dzisiejsze postepy?<a href="/calendar.html"> >>klik<<</a> </h3>
	<div id="visualization" style="width: 800px; height: 400px; z-index:1;">

	</div>
	
   </div>

	</div>		
</div>


	
<script>

$(window).load(function () {
	   init();
	   initMakePlan();

	});
</script>




</body>
</html>